<!DOCTYPE html>
<html>
<title>Sony</title>
<meta charset="UTF-8">
<link rel="stylesheet" id="sass-css" href="css/webfontkit/stylesheet.css" type="text/css" media="screen">
<link rel="stylesheet" id="sass-css" href="css/screen.css" type="text/css" media="screen">
<link rel="stylesheet" id="sass-css" href="css/style.css" type="text/css" media="screen">
</head>
<body>

<header>
<nav id="nav">
        <div id="nav_centre">
            <div class="menu">
                <ul>
                    <li style="border-left:1px solid #4d4d4d;"><a href="#"><div>PROJECT</div>
                    <p>RESOUND</p></a></li>
                    <li><a href="#"><div>JOURNEY</div>
                    <p>RESOUND</p></a></li>
                    <li style="margin-right:0px;"><a href="#"><div>CHALLENGE</div>
                    <p>RESOUND</p></a></li>
                </ul>
            </div><!-- end  .menu -->
        <div class="logo"><a href="#"><img src="images/logo_sony.jpg" /></a></div>
            <div class="upgrade">
            <p>upgrade your ears</p>
                <ul class="mainnav">				
                    <li style=" border-right:none; padding-right:0px;"><a href="#p1">Home Theatres</a></li>
                    <li><a href="#p1">Headphones</a></li>
                    <li><a href="#p1">Speakers</a></li>
                </ul>
            </div><!-- end .upgrade -->        
        </div>
    <div class="clear"></div>
</nav>                
<div class="anythingSlider anythingSlider-default activeSlider">
    <div class="anythingWindow">
        <div style="left: 0px; width: 990px; height:730px;">			
            <div class="san" style=" background:url(images/bg_journey.jpg) no-repeat center top; opacity: 1; width: 990px; height:730px;">			
                <div style="max-width: 990px;" class="container">
                    <div class="toggle-trigger">
                    <div class="journey">
                    	<div class="jou_top_band"><img src="images/jou_pro_resound.png"></div>
                        <div class="jou_in_search"><img src="images/jou_in_search.png">
                        	<p>Kailash and Shreya are on a mission to reclaim the true sound of music.<br>
They want to revive the joy of listening to pure, perfect sound.<br>
And they want their music to be heard, the way it’s meant to be heard.<br>
Join their journey here.</p>
                        </div>
                        <div class="clear"></div>
                        <div class="jou_episode">
                        	<img src="images/jou_epi_one.png">
                            <img src="images/jou_kailash.png">
                            <div class="jou_devotes">
                            	He devotes his life to creating music. <br>
But does his true sound really reach his fans?<br>
Kailash tries to find out.  </div>
							<div class="jou_watch">
                            	<div class="jou_watch_outer">               
                	<a href=""><div class="jou_watch"></div></a>
                  </div>
                            </div>
                        </div>
                    </div>
              
                    	<!-- end .header_contatent_outer --> 
                    </div><!-- end .toggle-trigger --> 
                </div><!-- end .container --> 
            </div><!-- end .slide panel --> 
            
			</div><!-- end .header-content slider anythingBase --> 
            </div><!-- end .anythingWindow --> 
            </div><!-- end .anythingSlider --> 
<div class="clear"></div>
</header><!-- end header --> 
     <div class="jou_bottom">
     	<div class="jou_bottom_inn">
        		<div class="jou_follow_jour"><img src="images/jou_follow_jour.png"></div>
                <div class="jou_epi_categeri">
                	<ul>
                    	<li style="background:url(images/li_epi_1.jpg) no-repeat; ">
                        	<div class="number">
                            	<div class="one"></div>
                            </div>
                            <div class="jour_discre">
                                Lorem ipsumdolor sit <br>
                                consetur adipiscing elit.
                            </div>
                            <div class="jou_play_button">
                            	<a href="#"><div class="jour_play"></div></a>
                            </div>
                            <div class="jour_detail">Lorem ipsum dolor sit amet, cadipiscing <br>elit. Etiam ultricies nunc vel leo 			
                            	<p>115,785 views   3 days ago</p>
                            </div>
                            <div class="clear"></div>
                        </li>
                       	<li style="background:url(images/li_epi_2.jpg) no-repeat; ">
                        	<div class="number">
                            	<div class="two"></div>
                            </div>
                            <div class="jour_discre">
                                Lorem ipsumdolor sit <br>
                                consetur adipiscing elit.
                            </div>
                            <div class="jou_play_button">
                            	<a href="#"><div class="jour_play"></div></a>
                            </div>
                            <div class="jour_detail">Lorem ipsum dolor sit amet, cadipiscing <br>elit. Etiam ultricies nunc vel leo 			
                            	<p>115,785 views   3 days ago</p>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li style="background:url(images/li_gallery_1.jpg) no-repeat; ">
                        	<div class="jou_gall_numb">
                            	<a href="#"><div class="jour_gall_number"></div></a>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li style="background:url(images/li_epi_3.jpg) no-repeat; ">
                        	<div class="number">
                            	<div class="three"></div>
                            </div>
                            <div class="jour_discre">
                                Lorem ipsumdolor sit <br>
                                consetur adipiscing elit.
                            </div>
                            <div class="jou_play_button">
                            	<a href="#"><div class="jour_play"></div></a>
                            </div>
                            <div class="jour_detail">Lorem ipsum dolor sit amet, cadipiscing <br>elit. Etiam ultricies nunc vel leo 			
                            	<p>115,785 views   3 days ago</p>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li style="background:url(images/li_epi_4.jpg) no-repeat; ">
                        	<div class="number">
                            	<div class="four"></div>
                            </div>
                            <div class="jour_discre">
                                Lorem ipsumdolor sit <br>
                                consetur adipiscing elit.
                            </div>
                            <div class="jou_play_button">
                            	<a href="#"><div class="jour_play"></div></a>
                            </div>
                            <div class="jour_detail">Lorem ipsum dolor sit amet, cadipiscing <br>elit. Etiam ultricies nunc vel leo 			
                            	<p>115,785 views   3 days ago</p>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li style="background:url(images/li_epi_5.jpg) no-repeat; ">
                        	<div class="number">
                            	<div class="five"></div>
                            </div>
                            <div class="jour_discre">
                                Lorem ipsumdolor sit <br>
                                consetur adipiscing elit.
                            </div>
                            <div class="jou_play_button">
                            	<a href="#"><div class="jour_play"></div></a>
                            </div>
                            <div class="jour_detail">Lorem ipsum dolor sit amet, cadipiscing <br>elit. Etiam ultricies nunc vel leo 			
                            	<p>115,785 views   3 days ago</p>
                            </div>
                            <div class="clear"></div>
                        </li>
                        
                        <li style="background:url(images/li_gallery_2.jpg) no-repeat; ">
                        	<div class="jou_gall_numb">
                            	<a href="#"><div class="jour_gall_number_2"></div></a>
                            </div>
                            <div class="clear"></div>
                        </li>
                        
                        <li style="background:url(images/li_epi_6.jpg) no-repeat; ">
                        	<div class="number">
                            	<div class="six"></div>
                            </div>
                            <div class="jour_discre">
                                Lorem ipsumdolor sit <br>
                                consetur adipiscing elit.
                            </div>
                            <div class="jou_play_button">
                            	<a href="#"><div class="jour_play"></div></a>
                            </div>
                            <div class="jour_detail">Lorem ipsum dolor sit amet, cadipiscing <br>elit. Etiam ultricies nunc vel leo 			
                            	<p>115,785 views   3 days ago</p>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li style="background:url(images/li_epi_7.jpg) no-repeat; ">
                        	<div class="number">
                            	<div class="sev"></div>
                            </div>
                            <div class="jour_discre">
                                Lorem ipsumdolor sit <br>
                                consetur adipiscing elit.
                            </div>
                            <div class="jou_play_button">
                            	<a href="#"><div class="jour_play"></div></a>
                            </div>
                            <div class="jour_detail">Lorem ipsum dolor sit amet, cadipiscing <br>elit. Etiam ultricies nunc vel leo 			
                            	<p>115,785 views   3 days ago</p>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li style="background:url(images/li_epi_8.jpg) no-repeat; ">
                        	<div class="number">
                            	<div class="eight"></div>
                            </div>
                            <div class="jour_discre">
                                Lorem ipsumdolor sit <br>
                                consetur adipiscing elit.
                            </div>
                            <div class="jou_play_button">
                            	<a href="#"><div class="jour_play"></div></a>
                            </div>
                            <div class="jour_detail">Lorem ipsum dolor sit amet, cadipiscing <br>elit. Etiam ultricies nunc vel leo 			
                            	<p>115,785 views   3 days ago</p>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li style="background:url(images/li_epi_9.jpg) no-repeat; ">
                        	<div class="number">
                            	<div class="nine"></div>
                            </div>
                            <div class="jour_discre">
                                Lorem ipsumdolor sit <br>
                                consetur adipiscing elit.
                            </div>
                            <div class="jou_play_button">
                            	<a href="#"><div class="jour_play"></div></a>
                            </div>
                            <div class="jour_detail">Lorem ipsum dolor sit amet, cadipiscing <br>elit. Etiam ultricies nunc vel leo 			
                            	<p>115,785 views   3 days ago</p>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li style="background:url(images/li_epi_10.jpg) no-repeat; ">
                        	<div class="number">
                            	<div class="ten"></div>
                            </div>
                            <div class="jour_discre">
                                Lorem ipsumdolor sit <br>
                                consetur adipiscing elit.
                            </div>
                            <div class="jou_play_button">
                            	<a href="#"><div class="jour_play"></div></a>
                            </div>
                            <div class="jour_detail">Lorem ipsum dolor sit amet, cadipiscing <br>elit. Etiam ultricies nunc vel leo 			
                            	<p>115,785 views   3 days ago</p>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li style="background:url(images/bg_jour_gree.png) repeat ">
                        	<div class="jour_next_epi"><img src="images/jour_next_epi.png"></div>
                            	<div class="be_firse">Be the first to catch the next episode</div>
                            <div class="jour_register">
                            <input type="text" class="jour_cemail emailids" name="email">
                            <input type="button" class="jour_submit" value="" /></div>
                            <div class="clear"></div>
                        </li>
                    </ul>
                </div>
     </div>
        <div class="jour_pro_outer">
        	<div class="jour_pro_inner">
            	<ul>
                	<li class="jou_first">
                    	<div class="jour_product"><img src="images/jou_headphone.png"></div>
                    	<div class="jou_upgrade">upgrade your ears</div>
                        <div class="jou_get"><img src="images/upgra_get_closer.png"></div>
                        <div class="jour_product_explore"><a href="#">Explore our Headphones Range ></a></div>
                    </li>
                    <li class="jou_second">
                    	<div class="jour_product_2"><img src="images/jour_speaker.png"></div>
                    	<div class="jou_upgrade">upgrade your ears</div>
                        <div class="jou_get"><img src="images/jour_pluse.png"></div>
                        <div class="jour_product_explore" style="position:absolute;"><a href="#">Explore our Speakers Range ></a></div>
                    </li>
                    <li class="jou_third">
                    	<div class="jour_product_3"><img src="images/jour_hometheator.png"></div>
                    	<div class="jou_upgrade" style="position:absolute;">upgrade your ears</div>
                        <div class="jou_get" style="position:absolute; margin-top:30px;"><img src="images/jour_resonance.png"></div>
                        <div class="jour_product_explore" style="position:absolute;margin-top:70px;"><a href="#">Explore our Home Theatres Range ></a></div>
                    </li>
                    <div class="clear"></div>
                </ul>
            </div>
        </div>
     </div>
<footer>
	<div class="inner">
    <div class="social">
        <ul>
            <li><a title="facebook" href="http://www.sony.co.in/microsite/smo/facebook.html?hpid=facebook:website:footer" target="_blank"><img title="Become a fan" alt="Become a fan" src="images/facebook.jpg" border="0" /></a></li>
            <li><a title="youtube" href="http://www.sony.co.in/microsite/smo/youtube.html?hpid=youtube:website:footer" target="_blank"><img title="Subscribe" alt="Subscribe" src="images/you_tube.jpg" border="0" /></a></li>
            <li><a title="Twitter" href="https://www.sony.co.in/microsite/smo/twitter.html?hpid=twitter:website:footer" target="_blank"><img title="Follow" alt="Follow" src="images/twitter.jpg" border="0" /></a></li>
        </ul>        
    </div>  
<div class="copy">Copyright © 2013 Sony India. All rights reserved</div><div class="clear"></div>        </div>
<footer>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/js.js"></script>
</body>
</html>